@charset "utf-8";
@import "../themes/base";
@import "../themes/grid";
@import "./base";


@mixin col(){
  @for $i from 1 through $grid-columns {
    .#{$css-prefix}col-#{$i} {
      width: percentage($i/$grid-columns);
      display: block;
      float: left;
      min-height: 1px;
    }
    .#{$css-prefix}col-offset-#{$i}{
      margin-left: percentage($i/$grid-columns);
    }
  }
}

@mixin row-float(){
  display: block;
  @include clearfix();
  @include col();
}


@mixin row{
  display: flex;
  flex-wrap: wrap;
  .#{$css-prefix}col{
    flex: auto;
  }
  .#{$css-prefix}col-basis-auto{
    flex-basis: auto;
  }
}